﻿
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">




<title>详细信息</title>
<link rel="shortcut icon" href="images/iconvilla.png"
	type="image/x-icon">

<link
	href="https://fonts.googleapis.com/css?family=Josefin+Slab:400,600,700"
	rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Sacramento"
	rel="stylesheet">

<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap  -->
<link rel="stylesheet" href="css/bootstrap.css">

<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">

<!-- Flexslider  -->
<link rel="stylesheet" href="css/flexslider.css">

<!-- Theme style  -->
<link rel="stylesheet" href="css/style.css">

<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

</head>
<body>

	<div class="fh5co-loader"></div>

	<div id="page">
		<nav class="fh5co-nav" role="navigation">
			<div class="container-fluid">
				<div class="row">
					<div class="top-menu">
						<div class="container">
							<div class="row">
								<div class="col-sm-7 text-left menu-1">
									<ul>
										<li class="active"><a href="../html1/index.html">主页</a></li>
										
										<li class="has-dropdown"><a href="">购物车</a>
											
										<li><a href="">我的主页</a></li>
										
									</ul>
								</div>
								<div class="col-sm-5">
									<ul class="fh5co-social-icons">
										<li><a href="">注册</a></li>
										<li>|</li>
										<li><a href="">登陆</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="row animate-box" style="margin-top:60px">
						<div class="col-md-12 col-md-offset-0 text-center fh5co-heading">
							<h2>
								<span>外景展示</span>
							</h2>
						</div>
					</div>
				</div>
			</div>
	</div>
	</nav>

	<aside id="fh5co-hero">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<div class="flexslider animate-box">
						<ul class="slides">
							<li style="background-image: url(images/img_out04_1.jpg);">
								<div class="overlay-gradient"></div>
								<div class="container-fluid">
									<div class="row">
										<div class="col-md-10 col-md-offset-1 slider-text">
											<div class="slider-text-inner">
												<h1>上海:松江新城，观澜别墅</h1>
												<h2 style="lenght:lenght:200px"></h2>
												<p class="ct">
													
												</p>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li style="background-image: url(images/img_out04_2.jpg);">
								<div class="overlay-gradient"></div>
								<div class="container-fluid">
									<div class="row">
										<div class="col-md-10 col-md-offset-1 slider-text">
											<div class="slider-text-inner">
												<h1>附近中小学众多，银行林立。</h1>
												
												<p class="ct">
													<a href="#">Learn More <i class="icon-arrow-right"></i></a>
												</p>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li style="background-image: url(images/img_out04_3.jpg);">
								<div class="overlay-gradient"></div>
								<div class="container-fluid">
									<div class="row">
										<div class="col-md-10 col-md-offset-1 slider-text">
											<div class="slider-text-inner">
												<h1>交通发达，基础生活配套设施完善。</h1>
												
												<p class="ct">
													<a href="#">Learn More <i class="icon-arrow-right"></i></a>
												</p>
											</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-md-4">
					<a href="#" class="featured text-center animate-box"
						style="background-image: url(images/img_out04_4.jpg);">
						<div class="desc">
							<span class="date">Dec 25, 2017</span>
							<h3>Every Start has an End</h3>
							<span class="category">Inspirational</span>
						</div>
					</a> <a href="#" class="featured text-center animate-box"
						style="background-image: url(images/img_out04_5.jpg);">
						<div class="desc">
							<span class="date">Dec 25, 2017</span>
							<h3>Most Beautiful Website in 2016</h3>
							<span class="category">Inspirational</span>
						</div>
					</a>
				</div>
			</div>
		</div>
	</aside>

	
	<!--------------------------- ----------------------------------------------------------------细节展示---------------->
	
	
	<!--------------------------- ----------------------------------------------------------------室内装修---------------->
	
	
	
	<!----------------------------------------------------------------------------------------- 详情简介---------------------- -->
	
	
	<div id="fh5co-content">
		<div class="container">
			<div class="row">
				<div class="col-md-9 col-padded-right">
					<div class="row">
						<div class="col-md-12">
							<div class="fh5co-blog animate-box">
								<div class="title title-pin text-center">
									<span class="posted-on">Nov. 15th 2016</span>
									<h3>
										<a href="#">详情简介</a>
									</h3>
									<span class="category">Lifestyle</span>
								</div>
								
								<div class="blog-text text-center">
									<p>名称：辰山别墅</p>
									<p>地址：中华人民共和国-上海</p>
									<p>建成时间：2018</p>
									<p>房型：二层多室</p>
									<p>面积：500平米</p>
									<p>首付：5000万</p>
									<p>装修程度：豪华精装</p>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="fh5co-blog animate-box">
								<div class="title text-center">
									<span class="posted-on">Nov. 15th 2016</span>
									<h3>
										<a href="#">简单描述</a>
									</h3>
									<span class="category">Lifestyle</span>
								</div>
								
								<div class="blog-text text-center">
									<p>远眺辰山，坐览佘山，风景秀丽空气清新</p>
									
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="fh5co-blog animate-box">
								<div class="title text-center">
									<span class="posted-on">Nov. 15th 2016</span>
									<h3>
										<a href="#">别墅设施</a>
									</h3>
									<span class="category">Lifestyle</span>
								</div>
								
								<div class="blog-text text-center">
									<p>远眺辰山，坐览佘山，风景秀丽空气清新</p>
									
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="fh5co-blog animate-box">
								<div class="title text-center">
									<span class="posted-on">Nov. 15th 2016</span>
									<h3>
										<a href="#">服务介绍</a>
									</h3>
									<span class="category">Lifestyle</span>
								</div>
								
								<div class="blog-text text-center">
									<p>远眺辰山，坐览佘山，风景秀丽空气清新</p>
									
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="fh5co-blog animate-box">
								<div class="title text-center">
									<span class="posted-on">Nov. 15th 2016</span>
									<h3>
										<a href="#">核心卖点</a>
									</h3>
									<span class="category">Lifestyle</span>
								</div>
								
								<div class="blog-text text-center">
									<p>远眺辰山，坐览佘山，风景秀丽空气清新</p>
									
								</div>
							</div>
						</div>
					</div>
				</div>

				<aside id="sidebar">
					<div class="col-md-3">
						<div class="side animate-box">
							<div
								class="col-md-12 col-md-offset-0 text-center fh5co-heading fh5co-heading-sidebar">
								<h2>
									<span>代理人</span>
								</h2>
							</div>
							<div class="fh5co-staff">
								<img src="images/user-2.jpg"
									alt="Free HTML5 Templates by FreeHTML5.co">
								<h3>戴维斯</h3>
								<strong class="role">www.abc@abc.com</strong>
								<strong class="role">中华人民共和国--上海</strong>
								<p>+86 123456</p>
								
							</div>
						</div>
						<div class="side animate-box">
							<div
								class="col-md-12 col-md-offset-0 text-center fh5co-heading fh5co-heading-sidebar">
								<h2>
									<span>Latest Posts</span>
								</h2>
							</div>
							<div class="blog-entry">
								<a href="#"> <img src="images/blog-1.jpg"
									class="img-responsive" alt="">
									<div class="desc">
										<span class="date">Dec. 25, 2016</span>
										<h3>Most Beautiful Site in 2016</h3>
									</div>
								</a>
							</div>
							<div class="blog-entry">
								<a href="#"> <img src="images/blog-2.jpg"
									class="img-responsive" alt="">
									<div class="desc">
										<span class="date">Dec. 25, 2016</span>
										<h3>Most Beautiful Site in 2016</h3>
									</div>
								</a>
							</div>
							<div class="blog-entry">
								<a href="#"> <img src="images/blog-1.jpg"
									class="img-responsive" alt="">
									<div class="desc">
										<span class="date">Dec. 25, 2016</span>
										<h3>Most Beautiful Site in 2016</h3>
									</div>
								</a>
							</div>
						
						<div class="blog-entry">
								<a href="#"> <img src="images/blog-1.jpg"
									class="img-responsive" alt="">
									<div class="desc">
										<span class="date">Dec. 25, 2016</span>
										<h3>Most Beautiful Site in 2016</h3>
									</div>
								</a>
							</div>
							<div class="blog-entry">
								<a href="#"> <img src="images/blog-1.jpg"
									class="img-responsive" alt="">
									<div class="desc">
										<span class="date">Dec. 25, 2016</span>
										<h3>Most Beautiful Site in 2016</h3>
									</div>
								</a>
							</div>
						</div>
					</div>
				</aside>

			</div>
		</div>
	</div>

	

	<footer id="fh5co-footer" role="contentinfo">
		<div class="container">
			<div class="row row-pb-md">
				<div class="col-md-4 fh5co-widget">
					<h4>Paper</h4>
					<p>JavaWeb final course design and Oracle final course
						design,JavaWeb final course design and Oracle final course design,
						JavaWeb final course design and Oracle final course design.</p>
				</div>
				<div class="col-md-4 col-md-push-1">
					<h4>Links</h4>
					<ul class="fh5co-footer-links">
						<li><a href="#">Return to the Home</a></li>
						<li><a href="#">Return to the Map</a></li>
						<li><a href="#">Click to Register</a></li>
						<li><a href="#">Click to Login</a></li>
						<!--
                        <li><a href="#">Contact</a></li>
                        -->
					</ul>
				</div>

				<div class="col-md-4 col-md-push-1">
					<h4>Contact Information</h4>
					<ul class="fh5co-footer-links">
						<li>Shandong College <br> Of Electronic Technology
						</li>
						<li><a href="#">+ 1234 5678 90</a></li>
						<li><a href="#">zfyzc@sdcet.com</a></li>
						<li><a href="#">www.ZFandYZC.com.cn</a></li>
					</ul>
				</div>

			</div>

			<div class="row copyright">
				<div class="col-md-12 text-center">
					<p>
						<small class="block"> <span>&copy; 2017 JavaWeb and
								Oracle Curriculum Design. All rights Resved. <br>
						</span> <span>&mdash;Design from ZhangFang & YinZichen</span>
						</small>
					</p>
					<p>
					<ul class="fh5co-social-icons">
						<li><a href="#"><i class="icon-twitter"></i></a></li>
						<li><a href="#"><i class="icon-facebook"></i></a></li>
						<li><a href="#"><i class="icon-linkedin"></i></a></li>
						<li><a href="#"><i class="icon-dribbble"></i></a></li>
					</ul>
					</p>
				</div>
			</div>

		</div>
	</footer>
	</div>

	<div class="gototop js-top">
		<div id="retop">
			<a href="#" title="返回顶部" class="js-gotop"><i
				class="icon-arrow-up"></i></a>
		</div>
		<div id="addcar" title="加入购物车" class="shopicon"
			style="margin-top:10px;width:50px;height:50px;">
			<a href="../ShopCar/shoppingcar.jsp" class="bottoma"></a>
		</div>
		<div id="buyit" title="立即购买" class="buyicon" style="margin-top:10px;">
			<a href="#" class="bottoma"></a>
		</div>
		<div id="myinfo" title="查看我的信息" class="lookicon"
			style="margin-top:10px;">
			<a href="about.jsp" class="bottoma"></a>
		</div>
	</div>

	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- Magnific Popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/magnific-popup-options.js"></script>
	<!-- Main -->
	<script src="js/main.js"></script>

</body>
</html>

